$(function() {
	
	var header = $("#header_content");
	var languages = $("#languages");
	var logo = $("#logo");
	var search = $("#search");
	var cart_info = $("#cart_info");

    // obtenemos el height + padding del menu de navegacion..
    var altoNav = $("nav").outerHeight();

    // cada vez que se produzca scroll en la ventana
    $(window).scroll(function(event) {

        // scrollTop la posición del elemento
        height = $(event.target).scrollTop();

        // Si existe scroll
        if (height > altoNav) {
        	languages.css("display", "none");
        	logo.css("display", "none");
            header.addClass("scroll");
            search.addClass("scroll");
            cart_info.addClass("scroll");
        } else {
        	languages.css("display", "block");
        	logo.css("display", "block");
            header.removeClass("scroll");
            search.removeClass("scroll");
            cart_info.removeClass("scroll");
            
            
        }
    });
	
	
	// Menu idioma
	$( "#menu-languages" ).menu({
			collapse: true,
			position: { my: "left top", at: "right-182 top+35" }
		}
	);
	
	// El menu cambia de tamaño dependiendo del scroll
	
});
